<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="common.css" />
    <title>Expanding Cards</title>
</head>

<body>
    <div class="container">
        <div class="qq-panel qq-panel_active" style="background-image: url('../../image/1.jpg'); ">
            <h3 class="qq-panel__title">1.半夜行刺</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/2.jpg')">
            <h3 class="qq-panel__title">2. 良的反制</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/3.jpg')">
            <h3 class="qq-panel__title">3. 二人皮影</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/4.jpg')">
            <h3 class="qq-panel__title">4. 客栈泡澡</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/5.jpg')">
            <h3 class="qq-panel__title">5. 离别前夜</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/6.jpg')">
            <h3 class="qq-panel__title">6. 终有别离</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/7.jpg')">
            <h3 class="qq-panel__title">7. 穗的生日</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/8.jpg')">
            <h3 class="qq-panel__title">8. 报应终临 </h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/9.jpg')">
            <h3 class="qq-panel__title">9. 洛阳烟火</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/10.jpg')">
            <h3 class="qq-panel__title">10. 投湖自尽</h3>
        </div>
        <div class="qq-panel" style="background-image: url('../../image/11.jpg')">
            <h3 class="qq-panel__title">11. 穗的讲述</h3>
        </div>

    </div>
    <script src="common.js"></script>
</body>

</html>